<template>
	<view>
		
		<view class='address-management'>
			<view class="radio-group">
				
				<view class="" v-for="(item,index) in List">
					
			
				<view class='item borRadius14' :class="item.isSekect==true?'selectBorder1':''" >
					<view class='address' >
						<view style="padding: 10px 0 0;">{{$t('team.detail.user')}}：<text class='phone'>{{item.userName}}</text></view>
						<view style="padding: 10px 0 0;">{{$t('team.detail.income')}}：{{item.income}}</view>
						
						<view style="padding: 10px 0 0;">{{$t('team.detail.incomeType')}}：{{item.incomeType==1?$t('team.detail.one'):
						item.incomeType==2?$t('team.detail.two'):$t('team.detail.all') }}</view>
						<view style="padding: 10px 0 0;">
						{{$t('team.detail.createTime')}}:	{{item.createTime}}
						</view>
					</view>
				
				</view>
					</view>
	
		</view>
			
			<view style='height:120rpx;'></view>
		</view>
		
			
	
	</view>
</template>

<script>

	
	import {
		InfoByDate
	} from '@/api/new.js';

	export default {
		
		data() {
			return {
				List:[],
				addressList:[]
				
			};
		},
		
		onLoad(e) {
			console.log(e,'ee');
			let data = {
				dateTime:e.dateTime,
				type:e.type
			}
			InfoByDate(data).then(res=>{
				console.log(res,'nbbbbbbbbbbbbbbbb');
				this.List = res.data.list
			})
		},
		onShow: function() {
		uni.setNavigationBarTitle({
				title:this.$t('team.detail.incomeTitle')
			})
		},
		methods: {
			
		onReachBottom: function() {
			this.getList();
		},
		}
	}
</script>

<style lang="scss" scoped>
	.address-management{
		padding: 20rpx 30rpx;
	}
	.address-management.fff {
		background-color: #fff;
		height: 1300rpx
	}
.selectBorder1{
	border: 3px solid #fe960f;
	background: #fe960f;
}
	.line {
		width: 100%;
		height: 3rpx;
		image {
			width: 100%;
			height: 100%;
			display: block;
		}
	}
	.address-management .item {
		background-color: #fff;
		padding: 0 20rpx;
		margin-bottom: 20rpx;
	}

	.address-management .item .address {
		padding: 35rpx 0;
		border-bottom: 1rpx solid #eee;
		font-size: 28rpx;
		color: #282828;
	}

	.address-management .item .address .consignee {
		font-size: 28rpx;
		font-weight: bold;
		margin-bottom: 8rpx;
	}

	.address-management .item .address .consignee .phone {
		margin-left: 25rpx;
	}

	.address-management .item .operation {
		height: 83rpx;
		font-size: 28rpx;
		color: #282828;
	}

	.address-management .item .operation .radio text {
		margin-left: 13rpx;
	}

	.address-management .item .operation .iconfont {
		color: #2c2c2c;
		font-size: 35rpx;
		vertical-align: -2rpx;
		margin-right: 10rpx;
	}

	.address-management .item .operation .iconfont.icon-shanchu {
		margin-left: 35rpx;
		font-size: 38rpx;
	}

	 .footer {
		position: fixed;
		width: 100%;
		background-color: #fff;
		bottom: 0;
		height: 106rpx;
		padding: 0 30rpx;
		box-sizing: border-box;
	}

    .footer .addressBnt {
		width: 330rpx;
		height: 76rpx;
		border-radius: 50rpx;
		text-align: center;
		line-height: 76rpx;
		font-size: 30rpx;
		color: #fff;
	}

	 .footer .addressBnt.on {
		width: 690rpx;
		margin: 0 auto;
	}

	 .footer .addressBnt .iconfont {
		font-size: 35rpx;
		margin-right: 8rpx;
		vertical-align: -1rpx;
	}

	 .footer .addressBnt.wxbnt {
		background-color: #fe960f;
	}
</style>
